
<!DOCTYPE html>
<html lang="zh">
<head>
<title>产品详情</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-transform" /> 
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="pc,mobile">
<link href="__PUBLIC__/css/style.css" rel="stylesheet">
<link href="__PUBLIC__/ext/fontawesome463/css/font-awesome.min.css" rel="stylesheet">
</head>
<style>
#protab{margin-top:20px;padding-left:40px;}
#protab li{float:left;margin-right:5px;}
#protab a{display: block;border-bottom: 5px solid #dedede;height:50px;width:120px;text-align: center;background: #f1f1f1;line-height: 50px;font-size: 17px;}
#protab a.active,#protab a:hover{display: block;border-bottom: 5px solid #d0021b; color:#d0021b;}
#protabbox{background: #ffffff;min-height: 400px;padding:30px;}
</style>
<body id="ucenterpage" style="background:#f8f8f8;">
	<include file="Public/header"/>
	<div class="block">
		<div id="pro_top">
			<div class="l">
				<h4>{$data['title']}</h4>
				<div class="pb">
					<p>产品代码：{$data['sn']}</p>
					<div class="gls">
						<span>类固收</span>
						<div >
							<div class="item"><span >{$r11}</span>{$r12}</div>
							<div class="item"><span >{$r21}</span>{$r22}</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			
			<div class="r">
				<ul>
					<li><span>{$data['guimo']}</span>规模</li>
					<li><span>{$data['qixian']}</span>产品期限</li>
					<li>{$fxicon}稳健级<div class="level">风险评级</div></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		
		<div id="protab">
			<ul>
				<li><a href="javascript:void(0);" class="active">产品简介</a></li>
				<li><a href="javascript:void(0);" class="">产品材料</a></li>
			</ul>
			<div class="clear"></div>
		</div>
		
		<div id="protabbox">
			<div class="tabcontent active">
				<ul>
					<li>产品名称：{$data['title']}</li>
					<li>产品代码：{$data['sn']}</li>
					<li>产品分类：{$data['ptype']}</li>
					<li>风险评级：{$data['fengxian']}</li>
					<li>产品规模：{$data['guimo']}</li>
					<li>业绩比较基准：{$data['jizhun']}</li>
					<li>产品期限：{$data['qixian']}</li>
					<li>募集日期：{$data['start_time']} - {$data['end_time']}</li>
				</ul>
			</div>
			
			<div class="tabcontent">
				<if condition="$data['album'] neq null">
                    <volist name="data['album']" id="v">
                        <a href="{$v['path']}" target="_blank" style="line-height:30px;" >{$v['name']}</a><br />
                    </volist>
               <else/>
               		暂无内容
               </if>
			</div>
		</div>
	</div>
	<script src="__PUBLIC__/js/jquery-2.1.4.min.js"></script>
	<script src="__PUBLIC__/js/jquery.cookie.js"></script>
	<include file="Public/footer"/>
	<script>
		$(function(){
			$('#protab li').click(function(){
				var index = $(this).index();
				$('#protab li a').removeClass('active');
				$('a',$(this)).addClass('active');
				$('.tabcontent').hide().eq(index).show();
			});
		})
	</script>
	
</body>
</html>